<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="documentopagolist.title"/></title>
    <meta name="heading" content="<fmt:message key='documentopagolist.title'/>"/>    
</head>

<form:form id="documentopagoList" commandName="documentoPago" action="documentopagolist.html?search=list" 
	name="documentopagoList"  >

<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/documentopago/documentopagoform.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>

    <input type="button" class="button" 
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>

<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">
		<div>
			<fmt:message key="documentopagolist.cliente"/><br/>
			<form:input path="deClienteEmpresa" id="deClieneteEmpresaID" cssClass="text medium"/>
		</div><br/>
		<div>
			<fmt:message key="documentopagolist.factura"/><br/>
			<form:input path="coFactura" id="coFacturaID" cssClass="text medium"/>
		</div><br/>		
		<div>
			<fmt:message key="documentopagolist.fecha.emision.inicio"/><br/>
			<form:input path="fechaEmisionInicio" id="fechaEmisionInicio" size="11" cssClass="text medium" />
			<input type="button" class="buttoncal" id="fechaEmisionInicioCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "fechaEmisionInicio",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaEmisionInicioCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
	        	  			this.hide();
	                  }
	          });
	        </script>			
		</div><br/>		
		<div>
			<fmt:message key="documentopagolist.fecha.emision.fin"/><br/>
			<form:input path="fechaEmisionFin" id="fechaEmisionFin" size="11" cssClass="text medium" />
			<input type="button" class="buttoncal" id="fechaEmisionFinCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "fechaEmisionFin",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaEmisionFinCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
	        	  			this.hide();
	                  }
	          });
	        </script>						
		</div><br/>		
		<div>
			<fmt:message key="documentopagolist.fecha.pago.inicio"/><br/>
			<form:input path="fechaPagoInicio" id="fechaPagoInicio" size="11" cssClass="text medium" />
			<input type="button" class="buttoncal" id="fechaPagoInicioCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "fechaPagoInicio",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaPagoInicioCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
	        	  			this.hide();
	                  }
	          });
	        </script>						
		</div><br/>		
		<div>		
		<div>
			<fmt:message key="documentopagolist.fecha.pago.fin"/><br/>
			<form:input path="fechaPagoFin" id="fechaPagoFin" size="11" cssClass="text medium" />
			<input type="button" class="buttoncal" id="fechaPagoFinCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "fechaPagoFin",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechaPagoFinCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
	        	  			this.hide();
	                  }
	          });
	        </script>						
		</div><br/>		
		<br/><br/>				
		<div>				
			<input type="submit" class="button" value="<fmt:message key="button.search"/>"/>	
		</div>		
	</div>	
	</li>
</ul>
<c:out value="${buttons}" escapeXml="false" />

	<display:table name="documentoPagos" cellspacing="0" cellpadding="0" requestURI="" 
	    id="documentoPagos" pagesize="30" class="table" style="width: 1200px"  sort="page" >
	    <display:column property="deClienteEmpresa" titleKey="documentopagolist.cliente" 
	     	url="/documentopago/documentopagoform.html?from=list"  paramId="id" paramProperty="id"/>
	    <display:column property="coFactura" titleKey="documentopagolist.factura"/>
	    <display:column property="fechaEmisionFactura" titleKey="documentopagolist.fecha.emision"/>
	    <display:column property="fechaPagoFactura" titleKey="documentopagolist.fecha.pago"/>
	    <display:column property="fechaRegistroPagoFactura" titleKey="documentopagolist.fecha.registro.pago"/>
	    
	    <display:column property="vaMontoAmortizaLineaCredito" titleKey="documentopagoform.monto.amortizado"/>
	    <display:column property="vaDescuento" titleKey="documentopagoform.monto.descuento"/>
	    <display:column property="vaMontoRealACobrar" titleKey="documentopagoform.monto.real.cobrar"/>
	     
	</display:table>	



</form:form>